<template>
  <div>
    <el-button style="margin-left: 100px" link type="success" @click="downloadCommitmentTemplate">
      下载模板
    </el-button>
  </div>
</template>

<script setup lang="ts">
const downloadCommitmentTemplate = () => {
  // 方法1：直接使用public目录下的文件路径
  // 假设模板文件放在public/templates目录下，文件名为commitment_template.docx

  const templateUrl =
    '../../../../src/assets/template/湖北省公共数据开放平台数据使用安全责任承诺书.docx'
  const link = document.createElement('a')
  link.href = templateUrl
  link.download = '湖北省公共数据开放平台数据使用安全责任承诺书.docx' // 设置下载时的文件名
  document.body.appendChild(link)
  link.click()
  document.body.removeChild(link)

  // 如果需要，可以添加下载成功提示
  ElMessage.success('模板下载成功')
}
</script>
<style scoped></style>
